<!--
 * @Author: zcl
 * @Date: 2024-10-09 14:39:33
 * @LastEditors: 张辰龙 zhangchenlong@julimeng.com
 * @LastEditTime: 2025-06-18 14:16:54
 * @FilePath: /ssnewapp/pageHome/company/components/payTaxesMsg.vue
-->
<template>
  <view>
    <div class="scrollBox">
      <view style="margin-bottom: 40rpx;">
        <view class="row text">
          <view class="w70">纳税信用等级：</view>
          <text class="w30">{{ queryOptions.matchStep == 0 ? '-' : detailInfo.evaluationResult ?
            detailInfo.evaluationResult.includes('具体原因') ? '-' : detailInfo.evaluationResult : '-' }}</text>
        </view>
        <view class="row text1">
          <view class="w70">纳税人种类：</view>
          <text class="w30">{{ queryOptions.matchStep == 0 ? '-' : detailInfo.qualification }}</text>
        </view>
        <view class="row text">
          <view class="w70">历史有无欠税记录：</view>
          <text class="w30">{{ queryOptions.matchStep == 0 ? '-' : detailInfo.unpaidTaxStatus ? "有" : "无" }}</text>
        </view>
        <view class="row text1">
          <view class="w70">当前欠税金额(元)：</view>
          <text class="w30">{{ queryOptions.matchStep == 0 ? '-' : detailInfo.unpaidTaxAmount ?
            $p(detailInfo.unpaidTaxAmount) : "-" }}</text>
        </view>
      </view>

      <!--纳税数据分析-->
      <view class="uni-card cardContent" :class="!taxAnyType ? 'cardShadow' : ''">
        <view class="row title" :class="!taxAnyType ? 'paddingL15' : ''">
          <view class="row" style="justify-content: flex-start">
            <text class="leftLine"></text>
            <text class="titleName">纳税数据分析</text>
          </view>
          <view v-if="!taxAnyType" @click="showDemoData('taxAny')" class="row"
            style="justify-content: flex-start;margin-top: 20rpx">
            <view style="color: #999999">展示样例信息</view>
            <view style="margin-left: 8rpx;padding-top: 4rpx">
              <image :src="require('../../static/yangli.png')" style="width: 30rpx;height: 26rpx"></image>
            </view>
          </view>
         <view v-if="taxAnyType">左滑查看更多</view>
        </view>
        <view v-if="taxAnyType">
          <view class="taxAnyClass" v-if="enterpriseMonthPaidList.length > 0">
            <tableData :rowTipsList="rowTipsList" :tableType="'column'" :tableData="enterpriseMonthPaidList"
              :colWidth="'32'">
              <view style="display: flex" class="data-row" v-for="(item, index) in enterpriseMonthPaidList"
                :key="index">
                <view :style="{
                  width: 100 / taxAnyTitle.length + '%',
                  padding: index == 0 ? '28rpx 12rpx' : '',
                  background: index == 0 ? '#F1F5F9' : ''
                }" class="data-cell" v-for="(v, i) in taxAnyTitle.length - 1"
                  :key="i">
                  <view v-if="index == 0">
                    {{ item["price" + (i + 1)] }}
                  </view>
                  <view v-else>
                    <view v-if="!['0申报月数', '负债率', '利润率', '滞纳金次数'].includes(item.month)">{{ $p(item["price" + (i +
                      1)]) }}</view>
                    <view v-else-if="['负债率', '利润率'].includes(item.month)">{{ item["price" + (i + 1)] ? item["price" + (i
                      + 1)] + "%" : "-" }}</view>
                    <view v-else>{{ item["price" + (i + 1)] }}</view>
                  </view>
                </view>
              </view>
            </tableData>
          </view>
          <view v-else style="
              text-align: center;
              line-height: 100rpx;
              height: 100rpx;
              font-size: 26rpx;
              color: #888888;
            ">
            暂无数据
          </view>
        </view>
        <view v-else class="row paddingL15">
          <view style="font-size: 28rpx;">{{ tableText }}</view>
          <view class="goGetTable" @click="toGetTableClick">去获取</view>
        </view>
      </view>
      <!--滞纳金情况-->
      <view class="uni-card cardContent" :class="!moneyType ? 'cardShadow' : ''">
        <view class="row title" :class="!moneyType ? 'paddingL15' : ''">
          <view class="row" style="justify-content: flex-start">
            <text class="leftLine"></text>
            <text class="titleName">滞纳金情况</text>
          </view>
          <view v-if="!moneyType" @click="showDemoData('money')" class="row"
            style="justify-content: flex-start;margin-top: 20rpx">
            <view style="color: #999999">展示样例信息</view>
            <view style="margin-left: 8rpx;padding-top: 4rpx">
              <image :src="require('../../static/yangli.png')" style="width: 30rpx;height: 26rpx"></image>
            </view>
          </view>
          <!--<view style="font-size: 24rpx;" v-if="tableMoneyData.length > 3" @click="moneyClick">-->
          <!--  {{ moneyType ? '收起列表' : '展开列表' }}-->
          <!--</view>-->
        </view>
        <view v-if="moneyType">
          <table-data :tableTitleData="titleMoney">
            <!--v-if="index+1 <= moneyIndex"-->
            <view style="display: flex" class="data-row" v-for="(item, index) in tableMoneyData" :key="index">
              <view class="data-cell" :style="{ width: 100 / titleMoney.length + '%' }">{{ item.taxPeriodStart }}</view>
              <view class="data-cell" :style="{ width: 100 / titleMoney.length + '%' }">{{ item.paymentDate }}</view>
              <view class="data-cell" :style="{ width: 100 / titleMoney.length + '%' }">{{ $p(item.paymentAmount) }}
              </view>
            </view>
            <view v-if="tableMoneyData.length == 0" style="
            text-align: center;
            line-height: 100rpx;
            height: 100rpx;
            font-size: 26rpx;
            color: #888888;
          ">
              暂无数据
            </view>
          </table-data>
        </view>
        <view v-else class="row paddingL15">
          <view>{{ tableText }}</view>
          <view class="goGetTable" @click="toGetTableClick">去获取</view>
        </view>
      </view>
      <!--近两年纳税信息等级-->
      <view class="uni-card cardContent" :class="twoYearsType ? 'cardShadow' : ''">
        <view class="row title" :class="twoYearsType ? 'paddingL15' : ''">
          <view class="row" style="justify-content: flex-start">
            <text class="leftLine"></text>
            <text class="titleName">近两年纳税信息等级</text>
          </view>
          <view v-if="twoYearsType" @click="showDemoData('twoYears')" class="row"
            style="justify-content: flex-start;margin-top: 20rpx">
            <view style="color: #999999">展示样例信息</view>
            <view style="margin-left: 8rpx;padding-top: 4rpx">
              <image :src="require('../../static/yangli.png')" style="width: 30rpx;height: 26rpx"></image>
            </view>
          </view>
          <!--<text style="color: #ffffff; font-size: 24rpx" @click="twoYearsType = !twoYearsType">{{ twoYearsType ? "收起" : "展开" }}</text>-->
        </view>
        <view v-if="!twoYearsType">
          <table-data :tableTitleData="titleData1">
            <view style="display: flex" class="data-row" v-for="(item, index) in tableData2" :key="index">
              <view :style="{ width: 100 / titleData1.length + '%' }" class="data-cell">{{ item.evaluationYear }}</view>
              <view :style="{ width: 100 / titleData1.length + '%' }" class="data-cell">{{ item.evaluationScore }}
              </view>
              <view :style="{ width: 100 / titleData1.length + '%' }" class="data-cell">
                <!-- #ifdef H5 || APP-PLUS -->
                <readMore :isPopup="true" :title="titleData1[2].title" hideLineNum="2" showHeight="100">{{
                  item.evaluationResult.length > 0 ? item.evaluationResult : "-"
                }}</readMore>
                <!-- #endif -->
                <!-- #ifdef MP-TOUTIAO -->
                <uv-read-more :shadowStyle="shadowStyle" closeText="全部" textIndent="0" openText="收起"
                  show-height="100rpx" :toggle="true">
                  {{
                    item.evaluationResult.length > 0 ? item.evaluationResult : "-"
                  }}
                </uv-read-more>
                <!-- #endif -->
              </view>
              <view :style="{ width: 100 / titleData1.length + '%' }" class="data-cell">
                <!--//item.indicatorNames-->
                <!-- #ifdef H5 || APP-PLUS -->
                <readMore :isPopup="true" :title="titleData1[3].title" hideLineNum="2" showHeight="100">{{
                  item.indicatorNames.length > 0
                    ? item.indicatorNames.join("；")
                    : "-"
                }}</readMore>
                <!-- #endif -->
                <!-- #ifdef MP-TOUTIAO -->
                <uv-read-more :shadowStyle="shadowStyle" closeText="全部" textIndent="0" openText="收起"
                  show-height="100rpx" :toggle="true">
                  {{
                    item.indicatorNames.length > 0
                      ? item.indicatorNames.join("；")
                      : "-"
                  }}
                </uv-read-more>
                <!-- #endif -->
              </view>
            </view>
            <view v-if="tableData2.length == 0" style="
            text-align: center;
            line-height: 100rpx;
            height: 100rpx;
            font-size: 26rpx;
            color: #888888;
          ">
              暂无数据
            </view>
          </table-data>
          <!--<view v-if="detailInfo.creditEvaluationList && detailInfo.creditEvaluationList.length > 0">-->
          <!--</view>-->
          <!--<view v-else style="-->
          <!--    text-align: center;-->
          <!--    line-height: 100rpx;-->
          <!--    height: 100rpx;-->
          <!--    font-size: 26rpx;-->
          <!--    color: #888888;-->
          <!--  " >-->
          <!--  暂无数据-->
          <!--</view>-->
        </view>
        <view v-else class="row paddingL15">
          <view>{{ tableText }}</view>
          <view class="goGetTable" @click="toGetTableClick">去获取</view>
        </view>
      </view>
      <!--财务情况-->
      <view class="uni-card cardContent" :class="financialType ? 'cardShadow' : ''">
        <view class="row title" :class="financialType ? 'paddingL15' : ''">
          <view class="row" style="justify-content: flex-start">
            <text class="leftLine"></text>
            <text class="titleName">财务情况</text>
          </view>
          <view v-if="financialType" @click="showDemoData('financial')" class="row"
            style="justify-content: flex-start;margin-top: 20rpx">
            <view style="color: #999999">展示样例信息</view>
            <view style="margin-left: 8rpx;padding-top: 4rpx">
              <image :src="require('../../static/yangli.png')" style="width: 30rpx;height: 26rpx"></image>
            </view>
          </view>
		  <view v-if="taxAnyType">左滑查看更多</view>
        </view>
        <view class="financial" v-if="!financialType">
          <tableData :tableType="'column'" :tableData="finArr" :col-width="'45'">
            <view style="display: flex" class="data-row" v-for="(item, index) in finArr" :key="index">
              <view :style="{
                width: 100 / finArr.length + '%',
                padding: index == 0 ? '28rpx 12rpx' : '',
                background: index == 0 ? '#F1F5F9' : ''
              }" class="data-cell" v-for="(v, i) in finTitle.length - 1"
                :key="i">
                <view v-if="index == 0">
                  {{ item["price" + (i + 1)] }}
                </view>
                <view v-else>
                  {{ $p(item["price" + (i + 1)]) }}
                </view>
              </view>
            </view>
            <view v-if="finArr.length == 0" style="
                text-align: center;
                line-height: 100rpx;
                height: 100rpx;
                font-size: 26rpx;
                color: #888888;
              ">
              暂无数据
            </view>
          </tableData>
        </view>
        <view v-else class="row paddingL15">
          <view>{{ tableText }}</view>
          <view class="goGetTable" @click="toGetTableClick">去获取</view>
        </view>
      </view>
      <!--近三年纳税信息-->
      <view class="uni-card cardContent" :class="threeType ? 'cardShadow' : ''">
        <view class="row title" :class="threeType ? 'paddingL15' : ''">
          <view class="row" style="justify-content: flex-start">
            <text class="leftLine"></text>
            <text class="titleName">近三年纳税信息</text>
          </view>
          <view v-if="threeType" @click="showDemoData('threeType')" class="row"
            style="justify-content: flex-start;margin-top: 20rpx">
            <view style="color: #999999">展示样例信息</view>
            <view style="margin-left: 8rpx;padding-top: 4rpx">
              <image :src="require('../../static/yangli.png')" style="width: 30rpx;height: 26rpx"></image>
            </view>
          </view>
          <!--<text style="color: #ffffff">近三年纳税信息</text>-->
          <!--<text-->
          <!--    style="color: #ffffff; font-size: 24rpx"-->
          <!--    @click="threeType = !threeType"-->
          <!--&gt;{{ threeType ? "收起" : "展开" }}</text>-->
        </view>
        <view v-if="!threeType">
          <view>
            <view class="row tabClass" style="justify-content: flex-start;margin-top: 20rpx;margin-bottom: 20rpx">
              <view class="first" :class="current == 0 ? 'active' : ''" @click="tabClick(0)">正税</view>
              <view class="first second" :class="current == 1 ? 'active' : ''" @click="tabClick(1)">附加税</view>
            </view>
            <view v-if="current == 0" class="row" style="
          justify-content: flex-start;
          align-items: flex-start;
          color: #999999;
          font-size: 26rpx;
          margin-bottom: 20rpx;
        ">
              <view style="white-space: nowrap">温馨提示：</view>
              <view>正税主要包含增值税、企业所得税、车辆税的税费之和；</view>
            </view>
            <view v-if="current == 1" class="row" style="
          justify-content: flex-start;
          align-items: flex-start;
          color: #999999;
          font-size: 26rpx;
          margin-bottom: 20rpx;
        ">
              <view style="white-space: nowrap">温馨提示：</view>
              <view>附加税主要包含城市维护建设税、教育费附加、地方教育费附加，以及消费税、资源税、房产税、城镇土地使用税、车船税、印花税等</view>
            </view>
          </view>
          <tableData :tableTitleData="tableTitleData1">
            <view style="display: flex" class="data-row" v-for="(item, index) in nearThreeTaxList" :key="index">
              <view :style="{ width: 100 / tableTitleData1.length + '%' }" class="data-cell">{{ item.month }}</view>
              <view :style="{ width: 100 / tableTitleData1.length + '%' }" class="data-cell"
                v-for="(v, i) in tableTitleData1.length - 1" :key="i">{{ $p(item["price" + (i + 1)]) }}</view>
            </view>
            <view v-if="JSON.stringify(nearThreeTaxList) == '[]'" style="
              text-align: center;
              line-height: 100rpx;
              height: 100rpx;
              font-size: 26rpx;
              color: #888888;
            ">
              暂无数据
            </view>
          </tableData>
        </view>
        <view v-else class="row paddingL15">
          <view>{{ tableText }}</view>
          <view class="goGetTable" @click="toGetTableClick">去获取</view>
        </view>
      </view>
      <!--欠税信息-->
      <view class="uni-card cardContent" :class="fourType ? 'cardShadow' : ''">
        <view class="row title" :class="fourType ? 'paddingL15' : ''">
          <view class="row" style="justify-content: flex-start">
            <text class="leftLine"></text>
            <text class="titleName">欠税信息</text>
          </view>
          <view v-if="fourType" @click="showDemoData('fourType')" class="row"
            style="justify-content: flex-start;margin-top: 20rpx">
            <view style="color: #999999">展示样例信息</view>
            <view style="margin-left: 8rpx;padding-top: 4rpx">
              <image :src="require('../../static/yangli.png')" style="width: 30rpx;height: 26rpx"></image>
            </view>
          </view>
          <!--<text-->
          <!--    style="color: #ffffff; font-size: 24rpx"-->
          <!--    @click="fourType = !fourType"-->
          <!--&gt;{{ threeType ? "收起" : "展开" }}</text>-->
        </view>
        <view v-if="!fourType">
          <tableData :tableTitleData="tableTitleData2">
            <view style="display: flex" class="data-row" v-for="(item, index) in detailInfo.unpaidTaxes" :key="index">
              <view :style="{ width: 100 / tableTitleData2.length + '%' }" class="data-cell">{{ item.unpaidTaxType }}
              </view>
              <view :style="{ width: 100 / tableTitleData2.length + '%' }" class="data-cell">{{ item.unpaidTaxAmount }}
              </view>
              <view :style="{ width: 100 / tableTitleData2.length + '%' }" class="data-cell">{{ item.taxPeriodEnd }}
              </view>
            </view>
            <view v-if="JSON.stringify(detailInfo.unpaidTaxes) == '[]'" style="
              text-align: center;
              line-height: 100rpx;
              height: 100rpx;
              font-size: 26rpx;
              color: #888888;
            ">
              暂无数据
            </view>
          </tableData>
        </view>
        <view v-else class="row paddingL15">
          <view>{{ tableText }}</view>
          <view class="goGetTable" @click="toGetTableClick">去获取</view>
        </view>
      </view>
    </div>
    <loading :show="loading"></loading>
    <table-dialog ref="tabDia"></table-dialog>
  </view>
</template>

<script>
import { getMatchInfoInfo, getTaxDetailApi, getTaxInformationApi } from "@/api/product";
import readMore from "@/components/xzj-readMore.vue";
import tableData from "@/components/tableData.vue";
import tableDialog from "../../components/tableDialog/index.vue";
export default {
  props: {
    queryOptions: {
      type: Object,
      default: () => { }
    }
  },
  components: {
    tableData, readMore, tableDialog
  },

  data() {
    return {
      tableText: '补充税票信息，一键获取详细数据',
      current: 0,
      detailInfo: {},
      nearThreeTaxList: [], //近三年纳税信息
      threeType: true,
      taxAnyType: false, //纳税数据分析
      twoYearsType: true, //近两年纳税信息登记
      financialType: true,
      fourType: true,
      tableTitleData1: [{ title: "月份" }],
      tableTitleData2: [
        { title: "欠税税种" },
        { title: "欠税金额" },
        { title: "欠税所属期" },
      ],
      titleData1: [
        { title: "评价年度" },
        { title: "评价得分" },
        { title: "评价结果" },
        { title: "扣减分项" },
      ],
      tableData2: [],
      finTitle: [{ title: "财务指标" }],
      finArr: [],
      taxAnyTitle: [{ title: '纳税数据分析' }],
      enterpriseMonthPaidList: [], //纳税数据分析
      loading: false,
      tableMoneyData: [],
      moneyType: false,
      moneyIndex: 3,
      titleMoney: [
        { title: '起始时间' },
        { title: '缴款时间' },
        { title: '滞纳金金额' },
      ],
      rowTipsList: {
        "纳税销售额": '纳税销售额：纳税销售额，又称应税销售额，是指纳税人销售货物或提供应税劳务向购买方收取的全部价款和价外费用。',
        "负债率": '负债率 = （负债总额 ÷ 资产总额）× 100%。其中，负债总额是指企业或个人承担的各项债务的总和，资产总额则是指企业或个人拥有的全部资产的总和，',
        "增值税应纳额": '增值税应纳税额是指企业或个人在经营活动中，按照税法规定，对其销售货物、提供应税劳务或发生应税行为所取得的增值额（即销售收入减去允许抵扣的进项税额后的余额）应缴纳的增值税金额。',
        "减免税额": '减免税额:纳税人按照减免税政策实际被减少或者免除征收的具体税额数值。',
        "增税销售额": "增税销售额指的是在增值税制度下，纳税人在连续不超过12个月的经营期内累计应征增值税销售额，这包括纳税电报销售额、稽查查补销售额、纳税评估调整销售额、税务机关代开发票销售额和免税销售额"
      },
      debounceTimer: null
    };
  },
  methods: {
    toGetTableClick() {
      if (this.debounceTimer) {
        clearTimeout(this.debounceTimer);
        this.debounceTimer = null;
      }
      // 设置新的计时器（500毫秒防抖）
      this.debounceTimer = setTimeout(() => {
        this.linkPage();
        this.debounceTimer = null;
      }, 500);
    },
    linkPage() {
      getMatchInfoInfo({
        id: this.queryOptions.id,
        type: this.queryOptions.type
      }).then(res => {
        let params = {
          tax: res.data.creditCode,
          companyName: res.data.enterpriseName,
          matchType: this.queryOptions.type,
          age: res.data.ageScope,
          phoneNumber: res.data?.phoneNumber,
          role: res.data.personStand,
          provinceId: res.data.areaId,
          matchStep: this.queryOptions.matchStep + ''
        };
        console.log("params", params)
        // return
        let url = Object.keys(params).reduce((pre, cur) => {
          return pre + (params[cur] ? `&${cur}=${params[cur]}` : "");
        }, "");

        uni.navigateTo({
          url: `/pagesProduct/addCampanyData/index?${url.substring(
            1,
            url.length
          )}`,
        });
      })
    },
    // 展示样例数据
    showDemoData() {
      // 待产品提供图片
      this.$refs.tabDia.open('taxInfo')
    },
    addTableSum(table) {
      table &&
        table.forEach((item) => {
          item.monthData.push({
            name: "合计",
            type: 0,
            value: item.total || 0,
          });
        });
      return this.$util.transformData(table);
    },
    moneyClick() {
      this.moneyType = !this.moneyType
      if (this.moneyType) {
        this.moneyIndex = this.tableMoneyData.length
      } else {
        this.moneyIndex = 3
      }
    },
    dataFun(arr) {
      const arr1 = arr.map((v) => {
        return {
          title: v.year,
        };
      });
      this.tableTitleData1 = [...this.tableTitleData1, ...arr1];
    },
    tabClick(val) {
      if (this.current == val) return;
      this.current = val
      this.getThreeTax()
    },
    getInfo() {
      // uni.showLoading();
      this.loading = true
      getTaxDetailApi(this.queryOptions.id)
        .then(async (res) => {
          this.detailInfo = res.data;

          res.data.enterpriseMonthPaidList.forEach(item => {
            this.taxAnyTitle.push({ title: `近${item.month}个月` })
            this.$set(item, "monthData", []);
            item.monthData.push(
              {
                name: "欠税金额",
                value: item.taxEnterprisePaidDate.unpaidTaxAmount,
              },
              {
                name: "纳税销售额",
                value: item.taxEnterprisePaidDate.taxSaleAmount,
              },
              {
                name: "纳税实缴金额",
                value: item.taxEnterprisePaidDate.taxPaidAmount,
              },
              {
                name: "0申报月数",
                value: item.taxEnterprisePaidDate.coiled0Months,
              },
              {
                name: "负债率",
                value: item.taxEnterprisePaidDate.debtRatio,
              },
              {
                name: "利润率",
                value: item.taxEnterprisePaidDate.profitRatio,
              },
              {
                name: "增税销售额",
                value: item.taxEnterprisePaidDate.taxSalesAmount,
              },
              {
                name: "增值税应纳额",
                value: item.taxEnterprisePaidDate.vatPayableAmount,
              },
              {
                name: "企业所得税",
                value: item.taxEnterprisePaidDate.taxIncomeAmount,
              },
              {
                name: "减免税额",
                value: item.taxEnterprisePaidDate.taxWaiverAmount,
              },
              {
                name: "滞纳金次数",
                value: item.taxEnterprisePaidDate.lateFeesNum,
              },
              {
                name: "滞纳金金额",
                value: item.taxEnterprisePaidDate.lateFeesAmount,
              }
            );
          })
          this.enterpriseMonthPaidList = this.$util.transformData(res.data.enterpriseMonthPaidList, 'F')
          this.enterpriseMonthPaidList.unshift({})
          res.data.enterpriseMonthPaidList.forEach((item, i) => {
            this.enterpriseMonthPaidList[0].month = '纳税数据分析'
            this.enterpriseMonthPaidList[0][`price${i + 1}`] = `近${item.month}个月`
          });

          // 财务情况
          res.data.spiderFinanceInfosYearList.forEach((item) => {
            this.finTitle.push({ title: item.year });
          });
          this.finArr = [];
          res.data.spiderFinanceInfosYearList.forEach((item) => {
            this.$set(item, "monthData", []);
            item.monthData.push(
              {
                name: "资产合计",
                value: item.spiderFinanceInfoVo.totalAssets,
              },
              {
                name: "负债合计",
                value: item.spiderFinanceInfoVo.totalLiabilities,
              },
              {
                name: "所有者权益合计",
                value: item.spiderFinanceInfoVo.ownerEquity,
              },
              {
                name: "负债和所有者权益总计",
                value: item.spiderFinanceInfoVo.liabilitiesOwnerEquity,
              },
              {
                name: "营业收入",
                value: item.spiderFinanceInfoVo.businessIncome,
              },
              {
                name: "营业利润",
                value: item.spiderFinanceInfoVo.businessProfit,
              },
              {
                name: "利润总额",
                value: item.spiderFinanceInfoVo.totalProfit,
              },
              {
                name: "净利润",
                value: item.spiderFinanceInfoVo.netProfits,
              },
              {
                name: "现金净增加额",
                value: item.spiderFinanceInfoVo.thisYearNetIncrease,
              },
              {
                name: "期末现金余额",
                value: item.spiderFinanceInfoVo.thisYearFinalBalance,
              }
            );
            this.finArr.push(item.spiderArr);
          });
          this.finArr = this.$util.transformData(res.data.spiderFinanceInfosYearList, "F");
          this.finArr.unshift({})
          res.data.spiderFinanceInfosYearList.forEach((item, i) => {
            this.finArr[0].month = '财务指标'
            this.finArr[0][`price${i + 1}`] = item.year + '年'
          });
          this.tableData2 = res.data.creditEvaluationList ? res.data.creditEvaluationList : [];

          this.tableMoneyData = res.data.taxLateFeesList

          // await this.dataFun(res.data.paidTaxesDataList);
          // res.data.paidTaxesDataList = this.addTableSum(
          //   res.data.paidTaxesDataList
          // );
          this.loading = false
        })
        .finally(() => {
          this.loading = false
        });
    },
    getThreeTax() {
      this.nearThreeTaxList = []
      this.tableTitleData1 = [{ title: "月份" }]
      getTaxInformationApi({
        macthId: this.queryOptions.id,
        taxType: this.current + 1
      }).then(res => {
        this.nearThreeTaxList = res.data
        this.nearThreeTaxList.forEach(item => {
          if (item.monthData.length < 12) {
            item.monthData.push({
              name: item.monthData.length + (12 - item.monthData.length)
            })
          }
        })
        this.dataFun(res.data);
        this.nearThreeTaxList = this.addTableSum(this.nearThreeTaxList);
      }).finally(() => {
        this.loading = false
      })
    }
  },
  mounted() {
    console.log("this.queryOptions", this.queryOptions)
    if (this.queryOptions.matchStep != 0) {
      this.getInfo();
      this.getThreeTax();
      this.taxAnyType = true
      this.moneyType = true
      this.twoYearsType = false
      this.financialType = false
      this.threeType = false
      this.fourType = false
    } else {
      this.taxAnyType = false
      this.moneyType = false
      this.twoYearsType = true
      this.financialType = true
      this.threeType = true
      this.fourType = true
    }
  },
};
</script>

<style lang="scss" scoped>
.scrollBox {
  // height: calc(100vh - 500rpx);
  // overflow-y: scroll;
}

.w70 {
  width: 38%;
  text-align: right;
  font-size: 28rpx;
  white-space: nowrap;
  color: #999999;
}

.w30 {
  width: 61%;
  text-align: left;
  font-size: 28rpx;
  white-space: nowrap;
}

.marginL16 {
  margin-left: 16rpx;
}

.cardShadow {
  padding-top: 10rpx;
  padding-bottom: 30rpx;
  box-shadow: 0rpx 0rpx 6rpx 4rpx rgba(246, 251, 255, 1) !important;
  margin-top: 30rpx !important;
}

.cardContent {
  box-shadow: none;
  //padding-top: 20rpx;
  //padding-bottom: 20rpx;
  border-radius: 0 0 15rpx 15rpx;
  // margin-top: 0;
}

.title {
  //background: #f3f3f3;
  padding-top: 10rpx;
  padding-bottom: 10rpx;
  margin: 10rpx 0;
}

.itemTitle {
  background: #f9f9f9;
  //color: #a8a8a8;
  margin-top: 10rpx;
  margin-bottom: 10rpx;
  padding: 10rpx 16rpx;
}

.text {
  padding: 20rpx;
  font-size: 28rpx;
}

.text1 {
  background: #F6F9F8;
  padding: 20rpx;
  font-size: 28rpx;
}

/deep/ .title-item {
  padding: 24rpx 12rpx;
  color: #222;
  font-weight: bold;
  font-size: 28rpx;
  background-color: #fff;
}

/deep/ .data-cell:last-child {
  border-right: none;
}

/deep/ .xzj {
  color: #222222 !important;
}

/deep/ .watchMore {
  margin-top: 0;
  font-size: 24rpx;
  color: rgb(72, 138, 253) !important;
}

.data-cell {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  //padding: 20rpx 12rpx; /* 将像素单位换成 rpx */
  border-right: 1rpx solid #ccc;
  /* 将像素单位换成 rpx */
  border-bottom: 1rpx solid #ccc;
  /* 将像素单位换成 rpx */
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  font-size: 26rpx;
  line-height: 48rpx;
  /* 根据需要调整行高，单位为 rpx */
  background-color: #fff;
}

/deep/ .table-container {
  border-radius: 20rpx;
  overflow: hidden;
}

.taxAnyClass,
.financial {
  /deep/ .table-container {
    //width: 180%;
  }

  /deep/ .data-row {
    &:first-child {
      .data-cell {
        background: #F1F5F9;
        font-weight: 500;
      }
    }
  }

}

.tabClass {
  .first {
    width: 110rpx;
    height: 48rpx;
    background: #e5e5e5;
    font-size: 26rpx;
    color: #111111;
    line-height: 48rpx;
    text-align: center;
    border-radius: 6rpx 0 0 6rpx;
    font-weight: 500;
  }

  .second {
    border-radius: 0 6rpx 6rpx 0;
  }

  .active {
    color: #ffffff;
    background: #488afd;
  }
}

/deep/ .title-item {
  background: #F1F5F9;
}

/deep/ .data-cell {
  padding: 20rpx 12rpx;
  overflow: initial;
}

.leftLine {
  width: 6rpx;
  height: 30rpx;
  background: #FA7700;
  margin-right: 8rpx;
}

.titleName {
  font-weight: 600;
  font-size: 34rpx;
}

.goGetTable {
  width: 180rpx;
  height: 70rpx;
  line-height: 70rpx;
  text-align: center;
  background: #2872FD;
  color: #FFFFFF;
  border-radius: 8rpx;
  font-weight: 600;
}
</style>
